<style lang="scss">
.user-index-statistics {
	display: flex;
	color: #FFF;
	align-items: center;
}

.user-index-statistics-cut {
	width: 2rpx;
	height: 27rpx;
	background-color: rgba($color: #FFF, $alpha: .5);
}

.user-index-statistics-seen, .user-index-statistics-save, .user-index-statistics-ticket {
	flex: 1;
	min-width: 0;
	text-align: center;
	padding: 10rpx 0;
}

.user-index-statistics-seen-value, .user-index-statistics-save-value, .user-index-statistics-ticket-value {
	$height: 36rpx;
	width: 100%;
	height: $height;
	line-height: $height;
	font-size: 38rpx;
	font-weight: 600;
}

.user-index-statistics-seen-title, .user-index-statistics-save-title, .user-index-statistics-ticket-title {
	$height: 23rpx;
	width: 100%;
	height: $height;
	line-height: $height;
	font-size: 24rpx;
	color:rgba(255, 255, 255, .8);
	margin-top: 30rpx;
}

.user-index-statistics-save-value-unit {
	font-size: 28rpx;
}

</style>

<template>
	<view class="user-index-statistics">
		
		<view class="user-index-statistics-seen">
			<view class="user-index-statistics-seen-value ellipsis" v-text="seen"></view>
			<view class="user-index-statistics-seen-title ellipsis">看过</view>
		</view>

		<view class="user-index-statistics-cut"></view>

		<view class="user-index-statistics-save">
			<view class="user-index-statistics-save-value ellipsis"><text class="user-index-statistics-save-value-unit">￥</text><text v-text="save"></text></view>
			<view class="user-index-statistics-save-title ellipsis">为我省下</view>
		</view>

		<view class="user-index-statistics-cut"></view>

		<view class="user-index-statistics-ticket">
			<view class="user-index-statistics-ticket-value ellipsis" v-text="ticket"></view>
			<view class="user-index-statistics-ticket-title ellipsis">我的卡券</view>
		</view>

	</view>
</template>

<script>
export default {
	
	props: {
		// 看过
		seen: {
			type: Number,
			default: 0,
		},

		// 省下
		save: {
			type: Number,
			default: 0.00,
		},

		// 卡券
		ticket: {
			type: Number,
			default: 0,
		},
	}

}
</script>